<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<!--引入css-->
<head>
    <title>用户管理</title>
    <link th:replace="admin/include/head :: head">
    <link rel="stylesheet" th:href="@{/resources/awi/plugins/z-tree3.5/css/metro/zTreeStyle.css}">
</head>
<body>
<section class="content">
    <div class="box">
        <div class="box-body">
            <form class="form-inline" id="searchForm">
                <div class="form-group">
                    <label for="searchName"> 名称： </label>
                    <input type="text" class="form-control" id="searchName" name="name" placeholder="请输入角色名称"
                           autocomplete="off">
                </div>
                <button class="btn  btn-default  btn-sm" type="button" onclick="restForm()">重置</button>
                <button class="btn  btn-success btn-sm" type="button" onclick="formSearch()">搜索</button>
            </form>
        </div>
    </div>

    <div class="row">
        <div class="col-xs-12">
            <table id="table"></table>
        </div>
    </div>
</section>
<!--引入js-->
<div th:replace="admin/include/footer :: foot"></div>
<script th:src="@{/resources/awi/plugins/z-tree3.5/js/jquery.ztree.all-3.5.js}"></script>
<script th:src="@{/resources/sys/sys_role.js}"></script>

<div id="role_form" class="col-md-12 box" style="display: none">
    <input type="hidden" id="roleId">
    <input type="hidden" id="mids">
    <form id="form" class="form-horizontal">
        <div class="box-body">
            <div class="form-group">
                <label for="name" class="col-sm-2 control-label">角色名称</label>
                <div class="col-sm-10">
                    <input type="text" class="form-control" id="name" autocomplete="off">
                </div>
            </div>
            <div class="form-group">
                <label for="typeTree" class="col-sm-2 control-label">权限功能</label>
                <div class="col-sm-10">
                    <div id="layer-zTree">
                        <div style="padding: 10px; height:90%;">
                            <ul id="typeTree" class="ztree"></ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="form-group">
                <label for="remarks" class="col-sm-2 control-label">备注</label>
                <div class="col-sm-10">
                    <input type="text" class="form-control" id="remarks" autocomplete="off">
                </div>
            </div>
        </div>
        <div class="box-footer">
            <button type="button" class="btn btn-info pull-right" onclick="save()">提交</button>
        </div>
    </form>
</div>
</body>
</html>